// 创建仓库的文件

import {createStore, applyMiddleware} from "redux";
import rootReducer from "@/store/reducers";
import thunk from "redux-thunk"; // 处理副作用的中间件
import {composeWithDevTools} from 'redux-devtools-extension'
import {getToken} from "@/utils/token"; // 用作redux数据的浏览器调试工具

// 中间件 可视化工具
// thunk redux-devtools-extension
// 刷新界面的时候，把本地存储的token注入到redux里面去
const middlewares = composeWithDevTools(applyMiddleware(thunk))
const initialSate = { // 默认的初始值
  login: getToken()
}
// 注册中间件
// 第二个参数也可以是初始值
const store = createStore(rootReducer, initialSate, middlewares)
// console.log(store.dispatch)

// store仓库和我们的react组件关联起来 react-redux

export default store

// TODO: 主入口文件里面去注入store
